<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>myshop</title>
    <link rel="stylesheet" href="__STATIC__/weui/style/weui.css"/>
    <link rel="stylesheet" href="__STATIC__/swiper/css/swiper.css"/>
    <link rel="stylesheet" href="__STATIC__/css/common.css"/>
</head>
<body ontouchstart>
<div class="weui-toptips weui-toptips_warn js_tooltips">错误提示</div>

<!--<div class="container" id="container"></div>-->

<div class="page">
    <!--顶部-->
    <div class="page_top">
        <div class="page_top_search weui-flex">
            <div class="search_icn ">
                <div class="img menu">
                    <label>
                        <i class="my-icon"></i>
                    </label>
                </div>
            </div>
            <div class="search_inp">
                <label><i class=""></i></label>
                <input placeholder="请输入搜索内容">
            </div>
            <div class="search_icn ">
                <div class="img msg">
                    <label>
                        <i class="my-icon"></i>
                    </label>
                </div>
            </div>
        </div>
        <div class="page_top_image">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="__STATIC__/images/top-1.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="__STATIC__/images/top-2.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="__STATIC__/images/top-3.jpg">
                    </div>
                    <div class="swiper-slide">
                        <img src="__STATIC__/images/top-4.jpg">
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="page_top_entrance"></div>
    </div>

    <!--正文部-->
    <div class="page_body">
        <div class="weui-grids">
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-1.png" alt="">
                </div>
                <p class="weui-grid__label">休闲食品</p>
            </a>
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-2.png" alt="">
                </div>
                <p class="weui-grid__label">酒水饮料</p>
            </a>
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-3.png" alt="">
                </div>
                <p class="weui-grid__label">粮油米面</p>
            </a>
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-1.png" alt="">
                </div>
                <p class="weui-grid__label">调味干货</p>
            </a>
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-2.png" alt="">
                </div>
                <p class="weui-grid__label">纸品洗化</p>
            </a>
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-3.png" alt="">
                </div>
                <p class="weui-grid__label">日用百货</p>
            </a>
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-2.png" alt="">
                </div>
                <p class="weui-grid__label">礼盒专区</p>
            </a>
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-3.png" alt="">
                </div>
                <p class="weui-grid__label">九折特惠</p>
            </a>
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-3.png" alt="">
                </div>
                <p class="weui-grid__label">清仓处理</p>
            </a>
            <a href="javascript:;" class="weui-grid">
                <div class="weui-grid__icon">
                    <img src="__STATIC__/images/tr-all.png" alt="">
                </div>
                <p class="weui-grid__label">查看全部</p>
            </a>

        </div>
    </div>
    <!--公告-->
    <div class="notice">
        <div class="notice-left">
            <p class="tit">平台</p>
            <p class="content">头条</p>
        </div>
        <div class="notice-right">
            <div class="swiper-notice">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <span>
                            假酒一眼识别：百威，雪花，青岛，燕京，便利店老板如何一眼辨别真假
                        </span>
                    </div>
                    <div class="swiper-slide">
                        <span>好消息！“电子营业执照”时代到来，开便利店办证更方便！</span>
                    </div>
                    <div class="swiper-slide">
                        <span>警惕！新骗局，近6万元惨变红纸！便利店女老板惨遭被骗</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="notice-btm"><img src="__STATIC__/images/notice.png"/></div>
    <div style="height: 400px">

    </div>
    <!--底部-->
    <div class="page_bar">
        <div class="weui-tab">
            <!--<div class="weui-tab__panel">
            </div>-->
            <div class="weui-tabbar">
                <a href="javascript:;" class="weui-tabbar__item">
                    <span style="display: inline-block;position: relative;">
                        <img src="__STATIC__/images/bar-home.png" alt="" class="weui-tabbar__icon">
                        <!--<span class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8</span>-->
                    </span>
                    <p class="weui-tabbar__label">首页</p>
                </a>
                <a href="{:url('index/goodsClass/index')}" class="weui-tabbar__item">
                <img src="__STATIC__/images/bar-cls.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">搜索</p>
                </a>
                <a href="javascript:;" class="weui-tabbar__item">
                    <span style="display: inline-block;position: relative;">
                        <img src="__STATIC__/images/bar-bills.png" alt="" class="weui-tabbar__icon">
                        <!--<span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -6px;"></span>-->
                    </span>
                    <p class="weui-tabbar__label">进货单</p>
                </a>
                <!--weui-bar__item_on-->
                <a href="{:url('index/my/index')}" class="weui-tabbar__item">
                <img src="__STATIC__/images/tet.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">我的</p>
                </a>
            </div>
        </div>
    </div>
</div>
<script src="__STATIC__/weui/example/zepto.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="__STATIC__/swiper/js/swiper.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: {
            el: '.swiper-pagination'
        },
        autoplay:true
    });
    var swiper_notice = new Swiper('.swiper-notice', {
        autoplay:true,
        direction : 'vertical',
        loop:true
    });
</script>
</body>
</html>
